<div class="row dd_input_group no-gutters {$form[type].extra_class|default=''}" id="form_group_{$form[type].name}">
    <label class="col-3 col-sm-2 col-md-2 col-lg-2 col-xl-1 dd_input_l col-form-label {notempty name="form[type].required"}is-required{/notempty}" for="{$form[type].name}">{$form[type].title|htmlspecialchars}</label>
    <div class="col-9 col-sm-9 col-md-9 col-lg-6 col-xl-4">
        <div class="input-group date" id="timepicker_{$form[type].name}"
             data-date-format="{$form[type].format|convert_php_to_moment_format}" data-target-input="nearest">
            <input class="form-control datetimepicker-input" type="text" id="{$form[type].name}"
                   name="{$form[type].name}" value="{$form[type].value|default=''}"
                   placeholder="{$form[type].placeholder}" autocomplete="off" data-target="#timepicker_{$form[type].name}" {$form[type].extra_attr|raw}>
            <div class="input-group-append" data-target="#timepicker_{$form[type].name}" data-toggle="datetimepicker">
                <div class="input-group-text"><i class="far fa-clock"></i></div>
            </div>
        </div>
    </div>
    {notempty name="form[type].tips"}
    <div class="col-12 offset-sm-2 offset-md-2 offset-lg-0 offset-xl-0 col-sm-10 col-md-10 col-lg-4 col-xl-7 dd_ts">
        <small class="text-muted">
            <i class="fa fa-info-circle"></i> {$form[type].tips|raw}
        </small>
    </div>
    {/notempty}
</div>
<script>
    $(function () {
        $('#timepicker_{$form[type].name}').datetimepicker()
    })
</script>